import { useState } from "react";
import A from "./A";
import B from "./B";
import C from "./C";

const App = function () {
    const [value,setValue] = useState('')
  return (
    <div>
      {/* 头部 */}
      <A value={value} setValue={setValue}></A>
      <main style={{ display: "flex", border:'1px solid red', justifyContent: "space-around" }}>
        {/* 左侧 */}
        <B value={value}></B>
        {/* 右侧 */}
        <C value={value}></C>
      </main>
    </div>
  );
};

export default App;
